<div class="ucenterRight" style="overflow-y: auto;height: 830px">
<?php  $typeid = \Yii::$app->request->get('typeid');?>
    <div class="collectCover" id="collectCover">
        <div class="recordNav">
            <!--当前选中的添加 on-->
            <a href="/collect.html" <?php echo $typeid ==false?'class="on"':''?>>全部</a>
            <a href="/collect.html?typeid=1" <?php echo $typeid ==1?'class="on"':''?>>听力</a>
            <a href="/collect.html?typeid=2" <?php echo $typeid ==2?'class="on"':''?>>阅读</a>
            <a href="/collect.html?typeid=3" <?php echo $typeid ==3?'class="on"':''?>>写作</a>
        </div>
        <template>
            <el-date-picker
                    style="margin:25px 0;border: 1px solid #8855D0 "
                    v-model="time"
                    type="daterange"
                    value-format="yyyy-MM-dd"
                    format="yyyy-MM-dd"
                    range-separator="——"
                    size="middle"
                    start-placeholder="开始日期"
                    end-placeholder="结束日期">
            </el-date-picker>
        </template>
        <?php foreach ($data as $k=>$v){?>
        <div class="collectItem">
            <p class="content">
                <?php echo $v['description']?>
            </p>
            <p class="content1"><span>雅思机考<?php
                    switch ($v['typeid']) {
                        case 1:
                            echo '听力';
                            break;
                        case 2:
                            echo '阅读';
                            break;
                        case 3:
                            echo '写作';
                            break;
                        default:
                            echo '口语';
                    }
                    ?>模拟卷三——<?php echo $v['name']?></span> <img
                        src="https://file.viplgw.cn/ui/thinku-ielts-new/images/mock/18@2x.png" alt=""></p>
        </div>
        <?php }?>
    </div>
    <script>
        new Vue({
            el: '#collectCover',
            data() {
                return {
                    time: [],
                }
            },
            created() {

            },
            watch: {
                time(val) {
                    console.log(val)
                }
            },
            methods: {},
        })
    </script>
</div>

